<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>First jQuery Example</title>
	<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
	<p>Original Content</p>
	<script>
		//$(document)代表整个DOM文档，可以被缩写为$()。
		$(document).ready(function() {
			//初始化Ajax参数
			$.ajax({
				type: 'get',
				url: window.location.pathname,
				dataType: 'text',
				success: function(data) {
					//$('p')匹配文档中的所有p标签，如果想匹配第一处可用$('p').first()也可以使用CSS选择器$('p:first')或$('p:eq(0)')
					$('p').html('Ajax loaded content');
				},
				failure: function() {
					$('p').html('An error has occurred making the request')
				}
			});
		});

		//注意，使用ajax不需要再手工执行XMLHttpRequest对象的send方法了
	</script>
</body>
</html>